<template>
    <NavBar :title="title.title" left-arrow @click-left="backHome" fixed class="nav_bar">
        <template #right>
            <Icon name="ellipsis" size="18" />
        </template>
    </NavBar>
</template>

<script setup lang="ts">
import {NavBar,Icon} from 'vant'
import { useRouter } from "vue-router"
const router = useRouter()
let title=defineProps<{title:string}>()
function backHome(): void {
    router.back()
}
</script>
<style scoped>
.van-nav-bar {
    border-bottom: 1px solid #cccccc !important;
}
</style>